<template>
    <div class="title-top" :style="{borderBottom:border==true?'1px  solid F2F2F2;':'none'}">
             <div class="title-top-line"></div>
             <div>{{title}}</div>
    </div>
</template>


<script>
export default {
       name:"viewTitle",
       props:{
             title:{
                  type:String,
                  default:"1"
             },
             border:{
                  type:Boolean,
                  default:false
             }
       },
       data(){
            return {}
       }
}
</script>


<style lang="less"  :scope="true" >
       .title-top{
              height: 45px;
              align-items: center;
              display: flex;
              flex-direction: row;
              font-size: 14px;
              background: #ffffff;
              color: #000000;
              .title-top-line{
                 width: 2.5px;
                 height: 20px;
                 background: #4280F2;
                 margin: 0  10px;
                 
              }
       }
</style>